<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../js/flexible.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/find.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
		<title>登录</title>
	</head>

	<body>
		<!--头部-->
		<header class="header">
			发现
		</header>
		<!--nav-->
		<nav class="navbar">
			<figrue class="cai-pu">
				<img src="../img/fi_nav1.png" />
				<p>非常大牌</p>
			</figrue>
			<figrue class="Theatre">
				<img src="../img/fi_nav2.png" />
				<p>聚名品</p>
			</figrue>
			<figrue class="Healthy">
				<img src="../img/fi_anv3.png" />
				<p>全球精选</p>
			</figrue>
			<figrue class="whole">
				<img src="../img/fi_nav4.png" />
				<p>量版优选</p>
			</figrue>
		</nav>

		<!--热门主题-->
		<div class="theme">
			<span>查看全部 ></span>
		</div>
		<!--list1-->
		<div class="list1">
			<script type="text/html" id="lis">
				{{each li v i}}
				<div class="con">
					<div class="left">
						<h3>{{v.h3}}</h3>
						<p>{{v.p}}</p>
					</div>
					<figure><img src="{{v.img}}" /></figure>
				</div>
				{{/each}}
			</script>
			<!--<div class="con">
			<div class="left">
				<h3>全球精选</h3>
				<p>一元起尝鲜</p>
			</div>
			<figure><img src="../img/list_1.png"/></figure>
		</div>-->
		</div>

		<!--nav_list-->
		<div class="list_nav">
			<script type="text/html" id="li_nav">
				{{each _nav v i}}
				<div class="cont">
					<h2>{{v.h2}}</h2>
					<p>{{v.p}}</p>
					<figure><img src="{{v.img}}" /></figure>
				</div>
				{{/each}}
			</script>
		</div>
		<!--Ast-->
		<div class="ast">
			<img src="../img/min.png" />
		</div>
		<!--云南白药-->
		<div class="list_yao">
			<script type="text/html" id="yao">
				{{each liy v i}}
				<div class="con_anv">
					<figure><img src="{{v.img}}" /></figure>
					<p><span>￥{{v.sp1}}</span><span>￥{{v.sp2}}</span></p>
				</div>
				{{/each}}
			</script>
		</div>
		<!--fooger_nav-->
		<div class="footer_nav">
			<script type="text/html" id="fo">
				{{each fot v i}}
				<div class="tex">
					<figure><img src="{{v.img}}" /></figure>
					<p>{{v.p}}</p>
				</div>
				{{/each}}
			</script>
		</div>

		<!--空-->
		<div class="kon"></div>
		<!--底部-->
		<footer class="footer">
			<figrue class="Selected">
				<img src="../img/fooger_1.png" />
				<p>精选</p>
			</figrue>
			<figrue class="classification">
				<img src="../img/fooger_2.png" />
				<p>分类</p>
			</figrue>
			<figrue class="faxian">
				<img src="../img/fooger_3.png" />
				<p class="actives">发现</p>
			</figrue>
			<figrue class="My">
				<img src="../img/fooger_4.png" />
				<p>我的</p>
			</figrue>
		</footer>

		<script src="../js/jquery-3.2.1.js"></script>
		<script src="../js/swiper-3.4.2.jquery.min.js"></script>
		<script src="../js/template-web.js"></script>
		<script>
			$('.Selected').click(function() {
				location.href = "../index.html"
			})
			$('.classification').click(function() {
				location.href = "../html/faxian.html"
			})
			$('.faxian').click(function() {
				location.href = "../html/find.html"
			})
			$('.My').click(function() {
				location.href = "../html/Login_page.html"
			})
			$.ajax({
				type: "get",
				url: "../json/list1.json",
				success: function(data) {
					var str = template("lis", {
						li: data
					})
					$('.list1').html(str)
				}
			});

			$.ajax({
				type: "get",
				url: "../json/list_nav.json",
				success: function(data) {
					var str = template("li_nav", {
						_nav: data
					})
					$('.list_nav').html(str)
				}
			});

			$.ajax({
				type: "get",
				url: "../json/yao.json",
				success: function(data) {
					var str = template("yao", {
						liy: data
					})
					$('.list_yao').html(str)
				}
			});
			$.ajax({
				type: "get",
				url: "../json/footer_nav.json",
				success: function(data) {
					var str = template("fo", {
						fot: data
					})
					$('.footer_nav').html(str)
				}
			});

			
		</script>
	</body>

</html>